/**
 * add $.support.transition. transition表示是否支持, transition.end 表示transitionEnd的事件名称。
 * 为何要使用jQuery作为参数传进来？因为jQuery不会那么容易被占用。
 */
(function($) {
    var transitionEndEvent = {
            WebkitTransition: 'webkitTransitionEnd',
            MozTransition: 'mozTransitionEnd',
            transition: 'transitionend'
        },
        testDiv = document.createElement('div')
    for (var name in transitionEndEvent) {
        if (testDiv.style[name] !== undefined) {
            $.support.transition = { end: transitionEndEvent[name] }
            return true
        }
    }
    $.support.transition = false
}(jQuery));

/**
 *自定义了bsTransitionEnd事件，其实就是兼容版本的transitionend
 */
(function($) {
    if (!$.support.transition) {
        return
    }
    $.event.special.bsTransitionEnd = {
        bindType: $.support.transition.end,
        delegateType: $.support.transition.end,
        handle: function(e) {
            // console.log('here', e)
            if ($(e.target).is(this)) {
                return e.handleObj.handler.apply(this, arguments)
            }
        }
    }
}(jQuery));
